<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/step-seven-xadmin/propertyjs/common/jquery-3.5.1.js"></script>
    <script src="/step-seven-xadmin/propertyjs/common/page.js"></script>
    <link rel="stylesheet" href="/step-seven-xadmin/propertycss/common/page.css">
</head>
<body>
<div class="page">
    <div>
        <div>每一页显示<input type="number" id="pageSize" value="10"  step="10" max="50" min="10" pattern="/^-[1-9]+[0-9]*$|^0$/" title="请输入非负整数">条</div>
        <div>
            <div>总共</div>
            <div id="totalCount"></div>
            <div>条</div>
        </div>
        <div>跳转到<input type="number" id="curPage" value="1" pattern="/^-[1-9]+[0-9]*$|^0$/" title="请输入非负整数">页</div>
    </div>
    <div>
        <div onclick="goto()">跳转</div>
        <div onclick="firstPage()">首页</div>
        <div onclick="lastPage()">上一页</div>
        <div onclick="nextPage()">下一页</div>
        <div onclick="endPage()">尾页</div>
    </div>
</div>
</body>
</html>